<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>帮助中心 | 青瓜商务通</title>
	<meta name="keywords" content="帮助中心">
	<meta name="description" content="青瓜商务通，有问题找帮助中心！">
	<link rel="canonical" href="https://t.opp2.com/business/help.html" />
    <link rel="stylesheet" href="static/css/reset.css">
    <link rel="stylesheet" href="static/css/layui.css">
    <link rel="stylesheet" href="static/css/other.css">
    <link rel="stylesheet" href="static/css/layout.css">
</head>

<body style="height:100%;">
	<script src="static/js/jquery.min.js"></script>
    <script src="static/js/layui.js"></script>
    <!-- 页面头部元素 -->
    <div id="page-header">
	<div class="page-header" style="display: none;">
    <div class="header-inner">
        <div class="header-inner--logo">
            <a href="/"><img src="static/picture/header-logo.png" /></a>
        </div>
        <div class="header-inner--nav"></div>
        <div class="header-inner--admin">
            <div class= "header-inner--admin--unlogin">
                <img src="static/picture/user.png" />
                <span id="login">登录</span>
                <span id="register">注册</span>
            </div>
            <div class= "header-inner--admin--unvip is-none"
            	>
            	                    <img style="width: 40px;height: 40px; border-radius: 20px;" src=""/>
                <div class="header-inner--admin--pop">
                    <div class="admin--pop--head admin-active">
                                        </div>
                    <ul>
                        <a href="/user/personal_data.html?personal-center">
                            <li>个人资料</li>
                        </a>
                        <a href="/user/personal_data.html?message-activity">
                            <li>活动中心<img src="static/picture/hot.png" style="margin-left: 10px;"></li>
                        </a>
                        <a href="/user/personal_data.html?personal-in">
                            <li>账号认证</li>
                        </a>
                        <a href="/user/personal_data.html?my-push">
                            <li>我的发布</li>
                        </a>
                        <a href="/user/personal_data.html?mate">
                            <li>匹配合作</li>
                        </a>
                        <a href="/user/personal_data.html?company-history">
                            <li>合作历史</li>
                        </a>
                        <a href="/user/personal_data.html?message-center">
                            <li>消息中心
                                                        </li>
                        </a>
                        <a href="/user/personal_data.html?keyword">
                            <li>关键词订阅</li>
                        </a>
                        <a href="/user/logout.html">
                        <li>退出登录</li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        layui.use('layer', function () {
            var layer = layui.layer;
            //导航栏数据
            const nav = [
                {
                    name: '首页',
                    url: '/'
                },
                {
                    name: '找需求',
                    url: '/business/provider.html'
                },
                {
                    name: '找服务',
                    url: '/business/company.html'
                },
                {
                    name: '会员特权',
                    url: '/business/member.html',
                    icon: '/assets/home//images/vip.png'
                },
                {
                    name: '活动中心',
                    url: '/user/personal_data.html?message-activity',
                    icon: '/assets/home//images/hot_2.png'
                },
                {
                    name: '帮助中心',
                    url: '/business/help.html'
                }
            ]
            //获取地址参数
            const pathname = window.location.pathname + window.location.search;
                //遍历数组渲染html
                ; (function () {
                    const el = $('.header-inner--nav');
                    let html = nav.map(item => {
                        return `
                <div class="header-inner--item ${pathname.includes(item.url)&& item.url!='/' ? 'nav-active' : ''}">
                    <a class="${item.icon ? 'colorYellow' : ''}" href="${item.url}">
                        ${item.icon ? `<img style="width: 20px;" src="static/picture/${item.icon}" />` : ''}
                        ${item.name}
                    </a>
                </div>
                `
                    })
                    el.empty().append(html)
                })()
            //滚动条事件
            let routeName = window.location.pathname;
            if (routeName.includes('index')) {
                $(window).on('scroll', function () {
                    var winPos = $(window).scrollTop()
                    if (winPos >= 600) {
                        $('.page-header').addClass('other-style')
                    } else {
                        $('.page-header').removeClass('other-style')
                    }
                })
            } else {
                $(window).unbind('scroll')
                $('.page-header').addClass('other-style')
            }

            //鼠标hover事件
            $('.header-inner--admin--unvip').hover(function () {
                $(this).children('.header-inner--admin--pop').stop().slideDown();
            }, function () {
                $(this).children('.header-inner--admin--pop').stop().slideUp();
            })
            //登录点击事件
            $('#login').click(function () {
                //会员登录 样式状态改变

                window.name = layer.open({
                    type: 2,
                    skin: 'phone-dialog-cs',
                    area: ['400px', '530px'],
                    title: '',
                    closeBtn: 0,
                    content: '/components/login.html'
                });
            })
            //注册事件 弹窗
            $('#register').click(function () {
                window.name = layer.open({
                    type: 2,
                    skin: 'phone-dialog-cs',
                    area: ['400px', '530px'],
                    title: '',
                    closeBtn: 0,
                    content: '/components/phone_dialog.html'
                });
            })

            setTimeout(() => {
                $('.page-header').css('display', 'block')
            }, 100)
        });

    })
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?21294bd361dae032062c938c7504f06e";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
    </div>
    	<!-- 页面容器元素 -->
    	<style>
    @import url(static/css/help.css);
</style>
    <!-- 页面容器元素 -->
    <div class="page-container" style="padding-top: 80px;padding-bottom: 80px;background:rgba(248,249,252,1);">
        <div class="page-flex">
            <div class="page-nav">
                <ul>
                    <li>
                        <div class="nav-title nav-item nav-more">
                            <span>账号相关</span>
                            <img class="nav-arrow-up nav-arrow-down" src="static/picture/up.png" />
                        </div>
                        <div class="nav-cont">
                            <span class="nav-item  nav-item-active" data-target="1">账号管理常见问题</span>
                            <span class="nav-item" data-target="2">身份角色常见问题</span>
                        </div>
                    </li>
                    <li>
                        <div class="nav-title nav-item" data-target="3">
                            <span>认证指南</span>
                        </div>
                    </li>
                    <li>
                        <div class="nav-title nav-item" data-target="4">
                            <span>会员权益</span>
                        </div>
                    </li>
                    <li>
                        <div class="nav-title nav-item" data-target="5">
                            <span>合作权益</span>
                        </div>
                    </li>
                    <li>
                        <div class="nav-title nav-item" data-target="7">
                            <span>法律声明</span>
                        </div>
                    </li>
                    <li>
                        <div class="nav-title nav-item" data-target="6">
                            <span>意见反馈</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="page-cont" style="padding: 40px 60px;">
                <div class="help-box">
                    <div data-target="1" class="content-box">
                        <h3 class="help-box__big">账号管理常见问题</h3>
                        <div class="collapse expand">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>账号无法登录，提示账号已被冻结/禁用或未激活？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <h3>1、账号已被冻结/禁用 通常是指您的账号</h3>
                                    <p>通常是指您的账号因违反平台相关规定的情况下，平台管理人员对您的账号进行了登录或使用限制。遇到该情况时，您可联系平台在线客服或拨打平台客服电话寻求帮助，我们将依据的账号相关信息给予适当处理。
                                    </p>
                                    <h3>2、账号未激活</h3>
                                    <p>
                                        通常指您的账号自最后一次登录时间起，一年为未再登录或使用的情况下，为保证您的账号安全，我们所采取的一种保障机制。如您遇到该情况，您可自行通过平台引导提示完成自助激活。如需帮助，请随时联系平台在线客服或拨打平台客服电话。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>如忘记密码了，怎么办？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <h3>1、找回密码入口：</h3>
                                    <p>电脑端：在登录界面点击【找回密码】进行找回;</p>
                                    <p>手机客户端：在APP登录界面，点击【找回密码】进行找回
                                    </p>
                                    <h3>2、找回方式</h3>
                                    <p>1、如果您的账号已绑定手机号，则可以通过手机接收验证码找回密码 </br>
                                        2、如果您的账号已绑定了邮箱，也可以通过邮箱获取验证码找回密码</br>
                                        3、如果您的账号绑定了手机号但是无法接受到验证码，又没有绑定邮箱，则可联系在线客服通过申诉找回密码
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>手机接收不到验证码怎么办</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>如果您的账号绑定的手机号码已丢失或停用需要更换，可联系客服进行更改。</p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>为什么要绑定手机、邮箱？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>
                                        当您操作您的资金账户时，出于安全角度考虑，平台统一使用验证码的方式进行验证。您在平台内的主要操作 /
                                        可享受的平台福利活动等（包括：发布需求、合同签订、平台福利活动、动态等），将通过手机短信、邮件等方式提醒至您。因此，建议您及时您的常用手机、邮箱。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>我的手机号变更了怎么办？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>
                                        如您在平台中绑定的手机号信息发生了变更，您可通过您的个人中心 - 账号绑定 功能自行完成手机号码换绑操作。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div data-target="2" class="content-box is-none">
                        <h3 class="help-box__big">账号身份角色常见问题</h3>
                        <div class="collapse expand">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>什么是身份与角色？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>身份与角色是对于您在平台内注册或登录的账号而言，可以理解为您的账号的类型。</p>
                                    <h3>1、身份</h3>
                                    <p>可选项包括个人或企业，主要用于识别您在平台内进行交易过程中的身份类型，从而为您提供与身份对应页面及功能。例如：个人资金账户、企业资金账户、个人基本信息、企业基本信息等；
                                    </p>
                                    <h3>2、角色</h3>
                                    <p>
                                        可选项包括甲方或乙方，基于您当前所选择的身份做进一步类型细分，平台将基于您当前所使用的身份、角色信息，为您提供与当前身份角色相关的数据展现，避免大批量的无关数据展示给您带来影响。同时，平台也将基于您的身份、角色信息，为您提供更加精准的撮合匹配等更多服务。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>如何选择适合我的身份与角色？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>请依据您当前实际的使用场景并配合系统引导提示即可快速完成身份与角色的设置；</p>
                                    <p>1、选择身份为个人： 如果您是完全独立的个人且不代表任何公司在平台完成交易，您应当选择个人身份；</br>
                                        2、选择身份未企业： 如果您是某公司负责人或受公司法人/负责人委托，代表公司在平台完成交易的情况，您应当选择企业身份。</br>
                                        3、选择角色为发包方： 如果您需要通过平台发布项目或悬赏信息来寻找优秀的服务方合作完成您的需求，您应当选择发包方角色。</br>
                                        4、选择角色为接包方： 如果您需要通过平台参与项目或悬赏报名/竞标，向有软件开发需求的发包方提供技术服务的情况，您应当选择接包方角色。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>身份或角色可以开通多个吗？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>是的，您的理解非常正确。通常情况下，一个身份与角色已经可以满足您的所需。但如果伴随您的公司业务或个人需求的变化，需要开通多个身份与角色时，您可以通过任何一个页面的右上角（头像区域）浏览查看其它可开通的身份角色并自助开通。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div data-target="3" class="content-box is-none">
                        <h3 class="help-box__big">认证指南</h3>
                        <div class="collapse expand">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>职业认证失败常见原因</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>1、职位名称不明确，如职业信息填写“经理”；</br>
                                        2、职业信息中填写的职位名称与认证资料上的不一致，如名片上是销售经理，而职业信息填写的职位名称为“商务经理”；</br>
                                        3、品牌名称不准确，如贷款、推广、短信等一类业务的泛称等；</br>
                                        4、职业信息中填写的真实姓名与名片上的姓名不一致；</br>
                                        5、认证资料上传的是除手持名片或在职证明之外的其他材料；
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>如何进行职业、企业认证？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>进入个人中心，点击职业、企业认证，根据提示完善信息，提交认证，进入审核通道。
                                        职业、企业认证的用户都是经过客服审核的，拥有更多特权，身份更加可靠真实。
                                        经过资质认证的企业带有“认证”标识。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div data-target="4" class="content-box is-none">
                        <h3 class="help-box__big">会员权益</h3>
                        <div class="collapse expand">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>会员可以享受哪些权益？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>会员可以享受到以下权益:</br>
                                        1、根据等级，平台为您推荐适合您的需求 </br>
                                        2、可拥有免费的雇主电话兑换次数。</p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>会员支付完成后可以申请退款吗？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>非常抱歉，会员支付完成后不支持退款。
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>支付会员有发票吗？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>购买会员后可发送申请到邮箱进行索取，注明平台实名认证名称及开具增值税普通发票还是增值税专用发票（专用发票需在邮件中注明企业开具专票信息）。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>如何查看我的会员权益使用情况？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>您可在“个人中心-会员权益”处查看个人的会员剩余时间、起止时间以及会员权益使用情况。同时您还可以在资金中心处查看您的相关交易记录。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>会员可以续费或者升级吗？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>会员支持续费及升级服务。若您需要续费会员，可直接购买同等级的会员，系统将会自动为您增加相应的有效期。若您需要升级会员，可直接购买更高等级会员，购买高等级会员后，会优先享受高等级会员相关权益，在高等级会员到期后，可继续享受原等级会员的相关权益及剩余的有效期。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div data-target="5" class="content-box is-none">
                        <h3 class="help-box__big">合作权益</h3>
                        <div class="collapse expand">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>什么是真实度评价？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>会员可以享受到以下权益:</br>
                                        1、根据等级，平台为您推荐适合您的需求 </br>
                                        2、可拥有免费的雇主电话兑换次数。</p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>会员支付完成后可以申请退款吗？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>非常抱歉，本服务为虚拟产品，会员支付完成后不支持退款。
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>如何发布合作信息？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>点击任何页面发布信息按钮，选择正确的发布板块，根据提示完善信息，最后点击确认发布。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="collapse">
                            <div class="collapse-head">
                                <img src="static/picture/arrow-sx.png" />
                                <h3>如何删除合作信息？</h3>
                            </div>
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>客登陆您的账号，点击“我的合作信息”，进入信息页面，找到下线按钮使用即可。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div data-target="7" class="content-box is-none">
                        <h3 class="help-box__big">法律声明</h3>
                        <div class="collapse expand">
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                	<p>1、青瓜商务通所载的文/图等稿件均出于为公众传播有益资讯信息之目的，并不意味着赞同其观点或证实其内容的真实性，我们不对其科学性、严肃性等作任何形式的保证。如其他媒体、网络或个人从本网下载使用须自负版权等法律责任。 </p>
                                    <p>2、本网站内凡注明“来源：青瓜商务通”的所有文字、图片和音视频稿件均属本网站原创内容，版权均属青瓜商务通所有，任何媒体、网站或个人未经本网站协议授权不得转载、链接、转贴或以其他方式复制发表。已经本网协议授权的媒体、网站，在下载使用时必须注明“稿件来源：青瓜商务通”，违者本网将依法追究责任。</p>
                                	<p>3、凡本网站转载的所有的文章、图片、音频视频文件等资料的版权归版权所有人所有，本站采用的非本站原创文章及图片等内容无法一一和版权者联系，如果本网所选内容的文章作者及编辑认为其作品不宜上网供大家浏览，或不应无偿使用，请及时用电子邮件或电话通知我们（jay@opp2.com），以迅速采取适当措施，避免给双方造成不必要的经济损失。</p>
                                	<p>4、对于已经授权本站独家使用提供给本站资料的版权所有人的文章、图片等资料，如需转载使用，需取得本站和版权所有人的同意。</p>
                                </div>
                            </div>
                        </div>
                        <h3 class="help-box__big">免责声明</h3>
                        <div class="collapse expand">
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>1、青瓜商务通部分文章信息来源于网络转载是出于传递更多信息之目的，并不意味着赞同其观点或证实其内容的真实性。如其他媒体、网站或个人从本网下载使用，必须保留本网注明的“稿件来源”，并自负版权等法律责任。如对稿件内容有疑议，请及时与我们联系。</p>
                                    <p>2、青瓜商务通致力于提供合理、准确、完整的资讯信息，但不保证信息的合理性、准确性和完整性，且不对因信息的不合理、不准确或遗漏导致的任何损失或损害承担责任。本网站所有信息仅供参考，不做交易和服务的根据， 如自行使用本网资料发生偏差，本站概不负责，亦不负任何法律责任。</p>
                                	<p>3、任何由于黑客攻击、计算机病毒侵入或发作、因政府管制而造成的暂时性关闭等影响网络正常经营的不可抗力而造成的损失，本网站均得免责。由于与本网站链接的其它网站所造成之个人资料泄露及由此而导致的任何法律争议和后果，本网站均得免责。</p>
                                	<p>4、本网站如因系统维护或升级而需暂停服务时，将事先公告。若因线路及非本公司控制范围外的硬件故障或其它不可抗力而导致暂停服务，于暂停服务期间造成的一切不便与损失，本网站不负任何责任。</p>
                                	<p>5、本网站使用者因为违反本声明的规定而触犯中华人民共和国法律的，一切后果自己负责，本网站不承担任何责任。</p>
                                	<p>6、凡以任何方式登陆本网站或直接、间接使用本网站资料者，视为自愿接受本网站声明的约束。</p>
                                </div>
                            </div>
                        </div>
                        <h3 class="help-box__big">青瓜商务通文件上传协议</h3>
                        <div class="collapse expand">
                            <div class="collapse-cont">
                                <div class="collapse-cont__inner">
                                    <p>青瓜商务通文档上的资源来自用户上传，青瓜商务通不对其进行任何编辑或修改。 用户不能侵犯包括他人的著作权在内的知识产权以及其他权利。一旦由于用户上传的文档发生权利纠纷或侵犯了任何第三方的合法权益，其责任由用户本人承担。</p>
                                    <p>用户承诺：其所上传的所有文档内容符合中国法律法规和规范性文件的相关规定，不侵犯任何第三方的合法权益。如用户违反前述保证，青瓜商务通有权删除相关文档内容，并可以暂停或终止向该用户提供服务。</p>
                                    <p>如因青瓜商务通文档用户上传的内容侵犯了第三方的合法权利，第三方向青瓜商务通提出异议，青瓜商务通有权删除相关的内容。</p>
                                    <p>青瓜商务通有权根据互联网的发展和中华人民共和国有关法律、法规及规范性文件的变化，不断修改和完善相关条款。用户使用青瓜商务通文档，即意味着同意并自愿遵守所有协议条款及其最新版本。</p>
                                    <p>本协议未涉及的问题参见国家有关法律法规。当本协议与国家法律法规冲突时，以国家法律法规为准。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div data-target="6" class="content-box is-none">
                        <h3 class="help-box__big">意见与建议反馈</h3>
                        <div class="feedback-cont">
                            <form class="layui-form" id="form1">
                            	<input id="platform" name="platform" type="hidden" value="pc">
                                <div class="layui-form-item">
                                    <label class="layui-form-label required">反馈内容</label>
                                    <div class="layui-input-block">
                                        <textarea name="content" placeholder="请简要描述您要反馈的意见或建议内容，最多可输入500字"
                                            class="layui-textarea"></textarea>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">相关照片</label>
                                    <div class="layui-input-block">
                                        <div class="layui-upload-drag" id="up_img">
                                            <img src="static/picture/add.png" />
                                            <p>点击或拖拽上传照片</p>
                                            <div class="layui-hide" id="uploadDemoView">
                                                <hr>
                                                <img src="" alt="上传成功后渲染" style="max-width: 196px">
                                            </div>
                                        </div>
                                        <input id="feedback_img" name="image" type="hidden" value="">
                                        <p>（支持.jpg/.png 格式，不能超过200kb)</p>
                                    </div>
                                </div>

                                <div class="layui-form-item">
                                    <label class="layui-form-label">联系方式</label>
                                    <div class="layui-input-block lxfs-box">
                                        <div class="lxfs">
                                            <div class="lxfs-item">
                                                <img src="static/picture/cs-phone.png" />
                                                <input type="text" name="mobile" lay-verify="title" autocomplete="off"
                                                    placeholder="电话" class="layui-input">
                                            </div>
                                            <div class="lxfs-item">
                                                <img src="static/picture/wechat.png" />
                                                <input type="text" name="wxid" lay-verify="wechat" autocomplete="off"
                                                    placeholder="微信" class="layui-input">
                                            </div>
                                            <div class="lxfs-item">
                                                <img src="static/picture/qq.png" />
                                                <input type="text" name="qqid" lay-verify="QQ" autocomplete="off"
                                                    placeholder="QQ"" class=" layui-input">
                                            </div>
                                            <div class="lxfs-item">
                                                <img src="static/picture/email.png" />
                                                <input type="text" name="email" lay-verify="title" autocomplete="off"
                                                    placeholder="电子邮箱" class="layui-input">
                                            </div>
                                        </div>
                                        <p>（联系电话、微信号、QQ至少填一项）</p>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"></label>
                                    <div class="layui-input-block w175">
                                    <button type="button" class="layui-btn" lay-submit lay-filter="sub" style="background:#1BBC9C;">提交反馈</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="help-box__unok">
                        <h3>问题未解决？没有您想找的问题？ 别担心，我们为您准备了以下两种方式</h3>
                        <div class="help-box__unok-options">
                            <div class="__unok-options-item">
                                <img src="static/picture/hjkf.png" />
                                <p>在线客服，为您服务</p>
                                <button><a href='tencent://message/?uin=314073954'>呼叫客服</a></button>
                            </div>
                            <div class="__unok-options-item">
                                <img src="static/picture/yjfk.png" />
                                <p>在意见反馈，直达产品</p>
                                <button class="send-feedback">提交反馈</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
  
    <script>
        $(function () {
            layui.use(['form','element', 'upload'], function () {
            	var form = layui.form;
                var element = layui.element;
                var upload = layui.upload;
                
              	//多图片上传
                upload.render({
                    elem: '#up_img',
    				url: '/api/common/upload', //改成您自己的上传接口
                    multiple: true,
                    before: function (obj) {
                        //预读本地文件示例，不支持ie8
                        obj.preview(function (index, file, result) {
                        	$('#uploadDemoView').removeClass('layui-hide')
                            $('#uploadDemoView img').attr('src',result);
                        });
                    }
                    , done: function (res) {
                    	console.log(res)
                    	$('#feedback_img').attr('value',res.data.url)
                        //上传完毕
                    }
                });
                
                form.on('submit(sub)', function(data){
                	$.ajax({
    	                url: "/business/feedback",
    	                type: "POST", 
    	                data: $("#form1").serialize(),
    	                dataType: "json", //返回数据格式为json
    	                success: function (data) { //请求成功完成后要执行的方法
    	                	if(data.code ==1)
    	                	{
    	                		layer.msg('提交成功', {
    	                            time: 2000,
    	                		}, function(){
    	                			location.href = "./help.html?current=6"
    	                		});
    	                		
    	                	}else
    	               		{
    	                		layer.msg('提交失败:'+data.msg, {
    	                            time: 2000,
    	                		}, function(){
    	                		});
    	               		}
    	                }
    	            })
                })
                //定义当前nav点击项
                let currentTarget = getQueryVariable('current') || 1;

                $('.collapse-head').on('click', function () {
                    $(this).toggleClass('expand')
                    $(this).next('.collapse-cont').slideToggle()
                })

                currentTarget == 6 && $('.help-box__unok').addClass('is-none')
                //左侧导航栏点击事件
                $('.nav-item', '.page-nav').on('click', function () {
                    let title = $(this).data('target')
                    if (!title || currentTarget === title) return;
                    currentTarget = title;
                    setNavStyle.call(this)
                    currentTarget == 6 ? $('.help-box__unok').addClass('is-none') : $('.help-box__unok').removeClass('is-none')
                    $('.content-box').each(function () {
                        if ($(this).data('target') == currentTarget) {
                            $(this).removeClass('is-none').siblings('.content-box').addClass('is-none')
                        }
                    })
                    // $(`#${currentTarget}`).addClass('is-block').siblings().removeClass('is-block')
                })
                $('.content-box').each(function () {
                    if (currentTarget == $(this).data('target')) {
                        $(this).removeClass('is-none').siblings('.content-box').addClass('is-none')
                    }
                })

                $('.send-feedback').off('click').on('click', function () {
                	location.href = "./help.html?current=6"
                })
                
                $('.nav-item').each(function () {
                    $(this).removeClass('nav-item-active')
                    if (currentTarget == $(this).data('target')) {
                        $(this).addClass('nav-item-active')
                    }
                })
                //缩放按钮
                $('.nav-more', '.page-nav').on('click', function () {
                    let el = $(this).next('.nav-cont')
                    el.slideToggle();
                    $(this).children('.nav-arrow-up').toggleClass('nav-arrow-down')
                })

                //设置样式
                function setNavStyle() {
                    //移除所有激活状态
                    $('.nav-item-active').removeClass('nav-item-active')
                    //给当前添加激活状态
                    $(this).addClass('nav-item-active')
                }

                setTimeout(() => {
                    $('body').css('display', 'block')
                }, 100)

                function getQueryVariable(variable) {
                    var query = window.location.search.substring(1);
                    var vars = query.split("&");
                    for (var i = 0; i < vars.length; i++) {
                        var pair = vars[i].split("=");
                        if (pair[0] == variable) { return pair[1]; }
                    }
                    return (false);
                }
            })
        })
    </script>


        <!-- 页面底部 -->
    <div id="page-footer">
		<div class="page-footer">
		    <div class="page-footer-detail">
		        <div class="detail-inner">
		            <div class="detail-inner-left">
		                <div class="detail-inner-left--col">
		                    <h3>需求服务</h3>
		                    <a href="/user/personal_data.html?push-need">发布需求</a>
		                    <a href="/business/provider.html">找需求</a>
		                    <a href="/business/company.html">找服务</a>
		                    <a href="/business/member.html">会员特权</a>
		                    <a href="/tags">热门标签</a>
		                    <a href="/sitemap.html">网站地图</a>
		                </div>
		                <div class="detail-inner-left--col">
		                    <h3>帮助中心</h3>
		                    <a href="/business/help.html?current=1">账号相关</a>
		                    <a href="/business/help.html?current=3">认证指南</a>
		                    <a href="/business/help.html?current=4">会员权益</a>
		                    <a href="/business/help.html?current=5">合作信息</a>
		                    <a href="/business/help.html?current=6">意见反馈</a>
		                </div>
		                <div class="detail-inner-left--col">
		                    <h3>会员服务</h3>
		                    <a href="/business/member.html">会员特权</a>
		                    <a href="/business/enterpriseMember.html">企业会员</a>
		                    <a href="/business/help.html">会员权益</a>
		                    <a href="/business/help.html?current=7">法律声明</a>
		                </div>
		                <div class="detail-inner-left--col">
		                    <h3>服务与支持</h3>
		                    <div>周一至周五 09:00-18:00</div>
		                    <p>QQ群：790826008</p>
		                    <p>官方邮箱：tong@opp2.com</p>
		                </div>
		            </div>
		            <div class="detail-inner-right">
		                <div class="detail-inner-right--qrcodes">
		                    <div class="" >
		                        <img src="static/picture/wx_qrcode.png" style="width:105px;"/>
		                        <p>青瓜公众号</p>
		                    </div>
		                    <div class="" >
		                        <img src="static/picture/minipro_qrcode.png" style="width:105px;"/>
		                        <p>青瓜小程序</p>
		                    </div>
		                    <div class="" >
		                        <img src="static/picture/kefu_qrcode.png" style="width:105px;"/>
		                        <p>产品经理微信</p>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		    <div class="page-footer-copy">
		        <div class="copy--links">
		            <label>友情链接：</label>
		            <a href="#">青瓜传媒</a>
		            <a href="#">小猫试玩</a>
		        </div>
		        <div class="copy--right">
		            Copyright © 2020-2021 青瓜传媒 OPP2.com 版权所有 免责声明
		        </div>
		        <div class="copy--right">
		            闽ICP备14005448号		        </div>
		    	</div>
			</div>
    </div>
</body>

</html>
